document.getElementById('loginForm').addEventListener('submit', function(event) {
    event.preventDefault(); // 首先阻止默认提交行为

    const username = document.getElementById('username').value.trim(); // 获取并去除前后空格
    const password = document.getElementById('password').value.trim(); // 获取并去除前后空格

    // 检查用户名和密码是否为空
    if (username === '' || password === '') {
        // 如果为空，显示警告信息并阻止提交
        alert('用户名和密码不能为空！');
        return; // 使用return阻止函数进一步执行
    }

    // 如果不为空，继续执行其他逻辑（例如AJAX请求）
    console.log('用户名:', username);
    console.log('密码:', password);

    // 假设验证成功（在实际应用中，这里应该是AJAX请求的回调处理）
    // 你可以取消注释下面的代码来进行页面重定向
    // window.location.href = 'dashboard.html';

    // 在这里，我们仍然只显示一个成功提示（实际应用中应根据AJAX结果来决定）
//    alert('登录信息已提交，等待验证...（此示例中仅为模拟）');

    // 注意：在实际应用中，你应该通过AJAX将用户名和密码发送到服务器进行验证，
    // 然后根据服务器的响应来决定是否显示成功消息或错误消息，并进行相应的页面操作。
});